<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>考勤管理--请假管理</title>
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../lib/bootstrapTable/bootstrap-table.css">


</head>
<body>
<div class="container">
    <div class="row">
        <ol class="breadcrumb">
            <li><a href="#">主页</a></li>
            <li>考勤管理</li>
            <li>请假管理</li>
        </ol>
    </div>
    <div class="row">
        <form class="form-horizontal">
            <div class="form-group">
                <div class="col-md-4">
                    <label class="col-md-4 control-label">员工姓名</label>
                    <div class="col-md-8">
                        <input class="form-control"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="col-md-4 control-label">员工部门</label>
                    <div class="col-md-8">
                        <input class="form-control"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="col-md-4 control-label">请假类型</label>
                    <div class="col-md-8">
                        <select class="form-control" id="sltLeaveTypeForQuery"></select>
                    </div>

                </div>
            </div>
            <div class="form-group">
                <div class="col-md-4">
                    <label class="col-md-4 control-label">审批状态</label>
                    <div class="col-md-8">
                        <select class="form-control" id="sltCheckTypeForQuery"></select>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="col-md-4 col-md-offset-4">
                        <button class="btn btn-primary">搜索</button>
                     </div></div>
                <div class="col-md-4"></div>
            </div>
        </form>
    </div>
    <div class="row">
        <table id="list">

        </table>
    </div>

</div>


<div class="btn-group" id="toolbar">
    <button class="btn btn-success" id="btnAdd">添加请假</button>
    <button class="btn btn-warning" id="btnUpdate">修改请假</button>
    <button class="btn btn-info" id="btnCheck">审核请假</button>
    <button class="btn btn-danger" id="btnCancel">撤销请假</button>
</div>

<div class="modal fade" id="info">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
               <h1 id="info_header">添加请假</h1>
            </div>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="form-group">
                        <label class="col-md-4 control-label">
                            员工姓名
                        </label>
                        <div class="col-md-8">
                            <input class="form-control" id="empNameForInfo"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label">
                            员工部门
                        </label>
                        <div class="col-md-8">
                            <input class="form-control" id="empDeptForInfo"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label">
                            请假类型
                        </label>
                        <div class="col-md-8">
                            <select class="form-control" id="sltTypeForInfo"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-md-4 control-label">
                            请假理由
                        </label>
                        <div class="col-md-8">
                            <input class="form-control" id="reasonForLeave"/>
                        </div>
                    </div>
                    <div class="form-group" id="check_group">
                        <label class="col-md-4 control-label">
                            审核意见
                        </label>
                        <div class="col-md-8">
                            <select class="form-control" id="sltCheckTypeForInfo"></select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success" id="btnSubmit">添加提交</button>
                <button class="btn btn-success" id="btnSubmitForUpdate">修改提交</button>
                <button class="btn btn-success" id="btnSubmitForCheck">审核提交</button>
            </div>
        </div>
    </div>

</div>

</body>
<script src="../lib/jquery.js"></script>
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<script src="../lib/bootstrapTable/bootstrap-table.js"></script>
<script src="../lib/mock.js"></script>
<script src="../mock/mock.js"></script>
<script src="../js/index.js"></script>

</html>